﻿<div class="container form-horizontal">
    <update-meta property="og:title" content="{{share.title}}"></update-meta>
    <update-meta property="og:description" content="{{share.description}}" />
    <update-meta property="og:image" content="{{share.pictureUrl}}" />
    <update-meta property="og:url" content="{{share.url}}" />
    <div class="form-group">
        <div class="row">
            <carousel interval="2000" no-wrap="noWrapSlides">
                <slide ng-repeat="slide in slides" active="slide.active" style="height:650px">
                    <img ng-src="{{slide.pictureURL}}" height="450" width="550" style="margin:auto;">
                    <div class="carousel-caption">
                        <h4>Slide {{$index}}</h4>
                        <p></p>
                    </div>
                </slide>
            </carousel>
        </div>
        <br/>
        <div class="row">
            <div class="col-sm-12">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Project Name </label>
                    <div class="col-sm-9">
                        {{Project.ProjectName}}
                    </div>
                    </div>
            </div>
            <br />
            <br />
            <div class="col-sm-12">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Project Location </label>
                    <div class="col-sm-9">
                        {{Project.ProjectLocation}}
                    </div>
                    </div>
            </div>
            <br />
            <br/>
            <div class="col-sm-12">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Project Details </label>
                    <!--<textarea class="col-sm-7" ng-model="Project.ProjectDetails"> </textarea>-->
                    <div class="col-sm-9 angular-with-newlines" > {{Project.ProjectDetails}}</div>
                </div>
            </div>
            
            <div class="col-sm-12" style="padding-top:50px">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Project Price </label>
                    <div class="col-sm-9">
                        {{Project.ProjectPrice}}
                    </div>
                </div>
            </div>
            <br/>
            <br/>
            <div class="col-sm-12"style="padding-top:20px">
                <div class="col-sm-offset-2">
                    <label class="col-sm-3">Website </label>
                    <div class="col-sm-9">
                        {{Project.Website}}
                    </div>
                    </div>
            </div>
        </div>
    </div>
    <!--<div class="form-group">
        <label class="col-sm-2 control-label">Project Name</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" ng-model="Project.ProjectName" disabled>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label">Project Location</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" ng-model="Project.ProjectLocation" disabled>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">Project Details</label>
        <div class="col-sm-10">
            <textarea class="form-control" ng-model="Project.ProjectDetails" disabled></textarea>
        </div>
    </div>


    <div class="form-group">
        <label class="col-sm-2 control-label">Project Price</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" ng-model="Project.ProjectPrice" disabled>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2 control-label">Website</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" ng-model="Project.Website" disabled>
        </div>
    </div>-->



</div>
<style>
      .carousel-inner > .item > img,
      .carousel-inner > .item > a > img {
      width: auto;
      height:80%;
      margin: auto;
      }
</style>